{% extends "base.html" %}
{% block left_content %}

<!--leftmenu左侧菜单栏-->
<style type="text/css">

</style>

<div id="left_menu">
        
        <div class="menu_head" id="device_mgm" style="height: 5.5%;">

            <div style="float: left"><strong><span class="glyphicon glyphicon-folder-open"></span> 设备管理</strong></div>
            <span id="glyphicon_span" style="float: right; line-height: 150%;" class="glyphicon glyphicon-chevron-down"></span>
        </div>

        <ul class="left_menu_ul">
                <a href="{% url 'equipment:home' %}">
                    <li><span class="glyphicon glyphicon-hdd"></span> 服务器</li>
                </a>

                <a href="{% url 'equipment:netinfo' %}">
                    <li><span class="glyphicon glyphicon-globe"></span> 网络设备</li>
                </a>
                 <a href="{% url 'equipment:repairinfo' %}">
                    <li><span class="glyphicon glyphicon-time"></span> 维修记录</li>
                </a>
        </ul>
        <a href="{% url 'equipment:roominfo' %}"><div class="menu_head" style="height: 5.5%;">
            <div style="float: left"><strong><span class="glyphicon glyphicon-home"></span> 机房管理</strong></div>
        </div>
        </a>

        <a href="{% url 'equipment:merchantinfo' %}"><div class="menu_head" id="provider_mgm" style="height: 5.5%;">
            <div style="float: left"><strong><span class="glyphicon glyphicon-user"></span> 供应商管理</strong></div>
        </div></a>
      
</div>
<script type="text/javascript">

    //左侧下拉菜单
    $("#device_mgm").click(function(){

        if($(this).next().css("display")=='none'){

            $(this).next().show();
            $('#glyphicon_span').removeClass("glyphicon-chevron-right");
            $('#glyphicon_span').addClass("glyphicon-chevron-down");

        } else {

            $(this).next().hide();
            $('#glyphicon_span').removeClass("glyphicon-chevron-down");
            $('#glyphicon_span').addClass("glyphicon-chevron-right");

        }

    });

    $("#idc_info_mgm").click(function(){

        if($(this).next().css("display")=='none'){

            $(this).next().show();
            $('#glyphicon_span').removeClass("glyphicon-chevron-right");
            $('#glyphicon_span').addClass("glyphicon-chevron-down");

        } else {

            $(this).next().hide();
            $('#glyphicon_span').removeClass("glyphicon-chevron-down");
            $('#glyphicon_span').addClass("glyphicon-chevron-right");

        }
    });

    $("#provider_mgm").click(function(){

        if($(this).next().css("display")=='none'){

            $(this).next().show();
            $('#glyphicon_span').removeClass("glyphicon-chevron-right");
            $('#glyphicon_span').addClass("glyphicon-chevron-down");

        } else {

            $(this).next().hide();
            $('#glyphicon_span').removeClass("glyphicon-chevron-down");
            $('#glyphicon_span').addClass("glyphicon-chevron-right");

        }
    });



</script>
{% endblock %}


